@each $key, $theme in $themes {
  @if type-of($theme) == "map" {
    @each $weight, $color in $theme {

      @if $weight == "normal" {
        .bg-#{$key} {
          background-color: $color;
          color: $white;
        }
      } @else if ($weight == "light" or $weight == "lighter" or $weight == "extra-light") {
        .bg-#{$key}-#{$weight} {
          background-color: $color;
          color: $default-extra-dark;
        }
      } @else {
        .bg-#{$key}-#{$weight} {
          background-color: $color;
          color: $white;
        }
      }
    }
  }
}

//
// Text
// --------------------
//@each $color, $value in $themes {
//  @include text-emphasis-variant(".text-#{$color}", $value);
//}
@each $key, $theme in $themes {
  @if type-of($theme) == "map" {
    @each $weight, $color in $theme {
      @if $weight == "normal" {
        @include text-emphasis-variant(".text-#{$key}", $color);
      } @else {
        @include text-emphasis-variant(".text-#{$key}-#{$weight}", $color);
      }
    }
  }
}


.noneSelect {
  moz-user-select: -moz-none;
  -moz-user-select: none;
  -o-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}



@supports (display: none) {
  .dot, dot {
    display: inline-block;
    width: 3ch;
    text-indent: -1ch;
    vertical-align: bottom;
    overflow: hidden;
    animation: dot 2s infinite step-start both;
    font-family: Consolas, Monaco, monospace;
  }
}

@keyframes dot {
  33% {
    text-indent: 0;
  }
  66% {
    text-indent: -2ch;
  }
}

.e-flat {
  box-shadow: none;
  border-radius: 0 !important;
}

.no-border {
  border: 1px !important;
}

.divider {
  width: 100%;
  height: 1px;
  margin: 5px 0;
  overflow: hidden;
  background-color: #e5e5e5;

  &.vertical {
    width: 1px;
    height: 100%;
    margin: 0 10px;
  }
}


.lockscreen {
  display: flex;
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 9000;
  background: $primary;

  .center {
    justify-content: center;
    align-items: center;
  }
}


.svg-icon {
  width: 1em;
  height: 1em;
  min-width: 16px;
  min-height: 16px;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}



///*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
//::-webkit-scrollbar {
//  width: 10px;
//  height: 10px;
//  background-color: #F5F5F5;
//}
//
///*定义滚动条轨道 内阴影+圆角*/
//::-webkit-scrollbar-track {
//  //border-radius: 5px;
//  -webkit-box-shadow: inset 0 0 6px rgba(144, 147, 153, .3);
//  background-color: #F5F5F5;
//}
//
///*定义滑块 内阴影+圆角*/
//::-webkit-scrollbar-thumb {
//  border-radius: 5px;
//  -webkit-box-shadow: inset 0 0 6px rgba(144, 147, 153, .3);
//  background-color: rgba(144, 147, 153, .3);
//}

.fieldset {
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}
